<template>
  <div ref="myDiv" class="echart" />

</template>

<script>
var echarts=require('echarts')  //全部导入


export default {
  name: "eachart2",
  data(){
    return {}

  },
  mounted() {
    const myChart = echarts.init(this.$refs.myDiv) // 得到图表实例

    myChart.setOption({
      legend: {},
      tooltip: {},
      dataset: {
        source: [
          ['product', '2020', '2021', '2022'],
          ['Matcha Latte', 43.3, 85.8, 93.7],
          ['Milk Tea', 83.1, 73.4, 55.1],
          ['Cheese Cocoa', 86.4, 65.2, 82.5],
          ['Walnut Brownie', 72.4, 53.9, 39.1]
        ]
      },
      xAxis: {type: 'category'},
      yAxis: {},
      // Declare several bar series, each will be mapped
      // to a column of dataset.source by default.
      series: [
        {type: 'bar'},
        {type: 'bar'},
        {type: 'bar'},
      ]
    })
  },


}
</script>

<style scoped>
.echart{
  position: relative !important;
  right:-50px;
  top: 55px;
  width: 500px;
  height: 500px;



}
</style>
